<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
    	<meta http-equiv="content-type" content="text/html;charset=utf-8">
        <meta name="author" content="Jennifer">
        <title>音乐商城-首页</title>
        <link type="text/css" rel="stylesheet" href="css/basic.css"/>
        <link type="text/css" rel="stylesheet" href="css/style.css"/>
 		<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
        <script type="text/javascript" src="js/jquery-plugin-boxy/js/jquery-1.2.6.pack.js"></script>
        <script type="text/javascript" src="js/jquery-plugin-boxy/js/jquery.boxy.js"></script>
        <script type="text/javascript" src="js/app.js"></script>
   </head>
   <body>
   		<div class="h_t_bg"></div>
        <div class="main_body" id="main">
        	<div class="header">
            	<div class="logo" id="logo">
                	<img src="img/logo.png"/>
                </div>
            	<div class="login_content">
                	<div id="bg_music">
                    	<span style="display: block;margin-top: 27px;margin-left: 25px;">背景音乐</span>
                        <a  class="music_control_btn"><img src="img/do.png"/></a>
                    </div>
                    <div id="user_login">
                        <a href="javascript:void(0)" style="color:#630e0b" class="popdlg_btn" data-target="#login_area">登录</a>
                        <a href="javascript:void(0)" style="color:#630e0b" class="popdlg_btn" data-target="#register_area">注册</a>
                    </div>
                </div>
                <div class="menu_list">
                	<ul>
                    	<li><a href="javascript:void(0)">【首页】</a></li>
                        <li><a href="javascript:void(0)">【关于我们】</a></li>
                        <li><a href="javascript:void(0)">【最新动态】</a></li>
                        <li><a href="javascript:void(0)">【修疗健康】</a></li>
                        <li><a href="javascript:void(0)">【音乐商城】</a></li>
                        <li><a href="javascript:void(0)">【增值服务】</a></li>
                        <li><a href="javascript:void(0)">【见证分享】</a></li>
                        <li class="li_last"><a href="javascript:void(0)">【联系我们】</a></li>
                    </ul>
                </div>
                <div class="sliders">
                	<img src="img/slider_1.png"/>
                </div>
            </div>
            <div class="content" style="width:100%">
            	<div class="func_area" style="width:100%;">
                        <div id="csr_jj" class="float_l" style="width:30%;">
                            <img src="img/csr_jj.png"/>
                            <a href="javascript:void(0)" class="float_r">更多></a>
                            <div class="text_area">
                                <img src="img/text_decorate.png" />
                                <img src="images/text_image.png" />
                                不要自命清高，也不要妄自菲薄。众生是平等的，当你的心打开了，你就会发自内心地接纳和尊重每一个众生。你不会轻视或厌恶任何一个人
                                不要自命清高，也不要妄自菲薄。众生是平等的，当你的心打开了，你就会发自内心地接纳和尊重每一个众生。你不会轻视或厌恶任何一个人
                                不要自命清高，也不要妄自菲薄。众生是平等的，当你的心打开了，你就会发自内心地接纳和尊重每一个众生。你不会轻视或厌恶任何一个人
                            </div>
                        </div>
                        <div id="zxdt" class="float_l" style="width:35%">
                        	<img src="img/zxdt.png"/>
                            <a href="javascript:void(0)" class="float_r">更多></a>
                            <div class="text_area">
                                <img src="img/text_decorate.png" />
                                <img src="images/text_image.png" />
                                不要自命清高，也不要妄自菲薄。众生是平等的，当你的心打开了，你就会发自内心地接纳和尊重每一个众生。你不会轻视或厌恶任何一个人
                                不要自命清高，也不要妄自菲薄。众生是平等的，当你的心打开了，你就会发自内心地接纳和尊重每一个众生。你不会轻视或厌恶任何一个人
                                不要自命清高，也不要妄自菲薄。众生是平等的，当你的心打开了，你就会发自内心地接纳和尊重每一个众生。你不会轻视或厌恶任何一个人
                            </div>
                        </div>
                        <div id="zzfw" class="float_l" style="width:35%">
                        	<img src="img/zzfw.png"/>
                            <a href="javascript:void(0)" class="float_r" style="margin-right:5px;">更多></a>
                            <div class="text_area">
                                <img src="img/text_decorate.png" />
                                <img src="images/text_image.png" />
                                不要自命清高，也不要妄自菲薄。众生是平等的，当你的心打开了，你就会发自内心地接纳和尊重每一个众生。你不会轻视或厌恶任何一个人
                                不要自命清高，也不要妄自菲薄。众生是平等的，当你的心打开了，你就会发自内心地接纳和尊重每一个众生。你不会轻视或厌恶任何一个人
                                不要自命清高，也不要妄自菲薄。众生是平等的，当你的心打开了，你就会发自内心地接纳和尊重每一个众生。你不会轻视或厌恶任何一个人
                            </div>
                        </div>
                    <div id="jfzq" class="float_l" style="width:100%;margin-top:35px;float:left">
                    	<img src="img/jfzq.png"/>
                        <a href="javascript:void(0)" class="float_r" style="margin-right:5px;margin-top:5px;">
                        	更多>
                        </a>
                        <img src="img/more.png" style="margin-right: 3px;float: right;">
                        <br />
                        <ul>
                        	<li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>兑换</h3>
                                    </div>  
                                </a>
                            </li>
                            <li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>兑换</h3>
                                    </div>  
                                </a>
                            </li>
                            <li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>兑换</h3>
                                    </div>  
                                </a>
                            </li>
                          	<li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>兑换</h3>
                                    </div>  
                                </a> 
                            </li>
                            <li class="li_last">
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3 style="margin-top: -27px;margin-left: -16px;color: #ffd48f;">兑换</h3>
                                    </div>  
                                </a>
                            </li>
                        </ul>
                        
                    </div>
                    <div id="gwzq" class="float_l" style="width:100%;float:left">
                    	<img src="img/gwzq.png" />
                       	<a href="javascript:void(0)" class="float_r" style="margin-right:5px;margin-top:5px;">
                        	更多>
                        </a>
                        <img src="img/more.png" style="margin-right: 3px;float: right;">
                        <br />
                        <ul>
                        	<li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3 style="margin-top: -27px;margin-left: -16px;color: #ffd48f;">购买</h3>
                                    </div>  
                                </a>
                            </li>
                            <li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3 style="margin-top: -27px;margin-left: -16px;color: #ffd48f;">购买</h3>
                                    </div>  
                                </a>
                            </li>
                            <li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3 style="margin-top: -27px;margin-left: -16px;color: #ffd48f;">购买</h3>
                                    </div>  
                                </a>
                            </li>
                          	<li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3 style="margin-top: -27px;margin-left: -16px;color: #ffd48f;">购买</h3>
                                    </div>  
                                </a> 
                            </li>
                            <li class="li_last">
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3 style="margin-top: -27px;margin-left: -16px;color: #ffd48f;">购买</h3>
                                    </div>  
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="content_img_area" class="content_img_area">
                	<ul>
                    	<li>
                            <a href="javascript:void(0)"><img src="images/text_image3.png" style="margin-left:3px;margin-top:3px;"/></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)"><img src="images/text_image3.png" style="margin-left:3px;margin-top:3px;"/></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)"><img src="images/text_image3.png" style="margin-left:3px;margin-top:3px;"/></a>
                        </li>
                        <li class="li_last">
                            <a href="javascript:void(0)"><img src="images/text_image3.png" style="margin-left:3px;margin-top:3px;"/></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer">
            	<span>
                	<a href="javascript:void(0)">首页</a> - 
                    <a href="javascript:void(0)">创始人简介</a> - 
                    <a href="javascript:void(0)">音色疗人简介</a> - 
                    <a href="javascript:void(0)">最新动态</a> - 
                    <a href="javascript:void(0)">修疗音乐与健康</a> - 
                    <a href="javascript:void(0)">见证分享</a>
                </span><br /><br />
                <span>
               		<a href="javascript:void(0)" style="color:#6e1f14">临沂市音色疗人项目开发有限公司</a>&nbsp;&nbsp;&nbsp;
                    <a href="javascript:void(0)" style="color:#6e1f14">版权所有 COPYRIGHT 2008 HEGII</a>&nbsp;&nbsp;&nbsp;
                    <a href="javascript:void(0)" style="color:#6e1f14">技术支持：新商网络</a>&nbsp;&nbsp;&nbsp;
                    <a href="javascript:void(0)" style="color:#6e1f14">鲁ICP备10071902号-1</a>
                </span>
            </div>
        </div>
	    <div class="f_b_bg"></div>	
        
        <!--登陆页-->
   		<div id="login_area" style="position:absolute;z-index:999;display:none;" class="dlg_wraper">
        	<a class="close_title_hbx_a"><img src="img/close.png" /></a>
        	<div id="vip_login" class="vip_title">
            	<span>会员登录</span>
            </div>
            <form>
                <div class="username">
                    <span>用&nbsp;&nbsp;户&nbsp;名:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="password_confirm">
                    <span>确认密码:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="login_btn">
                    <a href="javascript:void(0)">立即登录</a>
                </div>
            </form>
        </div>	
        
        <!--注册页-->
        <div id="register_area" style="position:absolute;z-index:999;display:none;" class="dlg_wraper">
        	<a class="close_title_hbx_a"><img src="img/close.png" /></a>
            <div id="vip_register" class="vip_title">
                <span>会员注册</span>
            </div>
            <form>
                <div class="username">
                    <span>用&nbsp;&nbsp;户&nbsp;&nbsp;名:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="password_set">
                    <span>设置密码:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="password_confirm">
                    <span>确认密码:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="mobile" id="mobile">
                    <span>手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="mail" id="mail">
                    <span>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="login_btn">
                    <a href="javascript:void(0)">立即注册</a>
                </div>
            </form>
        </div>
   </body>
</html>